import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
    //懒加载
  {path: '/about', component: () => import( '../views/AboutView.vue')},
  {path: '/a', component: () => import( '../views/A文本组件.vue')},
  {path: '/b', component: () => import( '../views/B属性绑定指令.vue')},
  {path: '/c', component: () => import( '../views/C事件绑定指令.vue')},
  {path: '/d', component: () => import( '../views/D双向绑定指令.vue')},
  {path: '/e', component: () => import( '../views/E循环指令.vue')},
  {path: '/f', component: () => import( '../views/F影藏显示指令.vue')},
  {path: '/g', component: () => import( '../views/G员工列表练习.vue')},
  {path: '/h', component: () => import( '../views/H个人简历练习.vue')},
  {path: '/i', component: () => import( '../views/I-EI-按钮组件.vue')},
  {path: '/j', component: () => import( '../views/J-E1-图标组件.vue')},
  {path: '/k', component: () => import( '../views/K-EI-消息组件.vue')},
  {path: '/l', component: () => import( '../views/L-EI-单选组件.vue')},
  {path: '/m', component: () => import( '../views/M-El-下拉选框组件.vue')},
  {
    path: '/n', component: () => import( '../views/N-El-开关组件.vue')
  },
  {
    path: '/o', component: () => import( '../views/O-El-表单组件.vue')
  },
  {
    path: '/p', component: () => import( '../views/P-El-菜单组件.vue')
  },
  {
    path: '/q', component: () => import( '../views/Q_El_表格组件.vue')
  },
  {
    path: '/r', component: () => import( '../views/R-El-布局组件.vue')
  },
  {
    path: '/s', component: () => import( '../views/S-El-容器组件.vue')
  },{
    path: '/t', component: () => import( '../views/T-El-轮播图组件.vue')
  },{
    path: '/u', component: () => import( '../views/U-El-卡片组件.vue')
  },{
    path: '/v', component: () => import( '../views/V-El-日期时间选择器组件.vue')
  },{
    path: '/w', component: () => import( '../views/W-商品列表练习.vue')
  },{
    path: '/x', component: () => import( '../views/X-员工列表练习.vue')
  },{
    path: '/y', component: () => import( '../views/YView.vue')
  },
  {
    path: '/z', component: () => import( '../views/ZView.vue')
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router
